<?php

/* html/product/productDel.tpl.html */
class __TwigTemplate_ed649500a36aa118e67e4fcde78ccf24cf695c64b9f88ceed3bfd7801c282933 extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        $this->parent = false;

        $this->blocks = array(
        );
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        // line 1
        echo "<!DOCTYPE html>
<html lang=\"zh-CN\">
<head>
\t<meta charset=\"utf-8\">
\t<meta name=\"viewport\" content=\"initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />
\t<title>";
        // line 6
        if ((twig_get_attribute($this->env, $this->getSourceContext(), ($context["goods"] ?? null), "goods_name", array()) == "")) {
            echo "派乐熊";
        } else {
            echo " ";
            echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->getSourceContext(), ($context["goods"] ?? null), "goods_name", array()), "html", null, true);
            echo " ";
        }
        echo "</title>
\t<link rel=\"stylesheet\" href=\"/static/product/css/ui_box.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/plx_main.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/swiper-3.4.2.min.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/photoswipe.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/default-skin.css\" />
\t<link rel=\"stylesheet\" href=\"/static/common/css/mescroll.min.css\" />
\t<style>
\t\t.mescroll {
\t\t\theight: 100% !important;
\t\t\twidth: 100% !important;
\t\t\tpadding-bottom: 44px !important;
\t\t}
\t\t#Details{
\t\t    font-size: 0.8rem;
\t\t    color: #505050;
\t\t    letter-spacing: -0.09px;
\t\t    line-height: 1.5rem;
\t\t    margin-top: 1.2rem;
\t\t}
\t\t[v-cloak] {
\t\t    display: none !important;
\t\t}
\t\t.loading{
\t\t\twidth: 100%;
\t\t\theight:100%;
\t\t\tbackground-color: rgba(0,0,0,0.5);
\t\t\tz-index: 999999;
\t\t\ttext-align: center;
\t\t\tpadding-top: 17rem;
\t\t\tposition: absolute;
\t\t\ttop:0;
\t\t\tleft:0;
\t\t}
\t</style>
</head>
<body>
\t<div class=\"loading\">加载中......</div>
\t<!--header-->
\t<!--<header id=\"header\" class=\"ub ub-ac ub-pc sc-bg1 border-b\">
\t\t<div class=\"arrow-left ub-img\"></div>
\t\t<p class=\"ulev1 text-color1 tx-c\">商品详情</p>
\t\t<img class=\"collection\" src=\"/static/product/img/collection-gray.png\" />
\t\t<img class=\"share\" src=\"/static/product/img/share.png\" />
\t</header>-->
\t<!--内容部分-->
\t<div id=\"content\">
\t\t<!--轮播图-->
\t\t<div class=\"swiper-container\">
\t\t\t<div class=\"swiper-wrapper\">
\t\t\t\t
\t\t\t</div>
\t\t\t<div class=\"swiper-pagination\"></div>
\t\t</div>
\t\t<div id=\"vue\" v-cloak>
\t\t\t<div class=\"umar-a\">
\t\t\t\t<p class=\"details\">[goods_name]</p>
\t\t\t\t<p class=\"price\"><span>¥</span><span id=\"sale_price\">[sale_price]</span>
\t\t\t\t\t<del>¥</del>
\t\t\t\t\t<del id=\"goods_price\">[goods_price]</del>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<p class=\"description\" >[goods_desc]</p>
\t\t\t<div style='display:none'  id='description'>";
        // line 70
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->getSourceContext(), ($context["goods"] ?? null), "goods_desc", array()), "html", null, true);
        echo "</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<div class=\"umar-a\">
\t\t\t\t<p class=\"storename\">[store_name]</p>
\t\t\t\t<div class=\"ub ub-ac address\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img class=\"circle\" src=\"/static/product/img/circle.png\" />
\t\t\t\t\t</div>
\t\t\t\t\t<p class=\"ub-f1\">[store_address]</p>
\t\t\t\t\t<span class=\"ub-f1\">[distance]</span>
\t\t\t\t</div>
\t\t\t\t<div class=\"ub ub-ac address\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img class=\"phone\" src=\"/static/product/img/phone.png\" />
\t\t\t\t\t</div>
\t\t\t\t\t<p onclick='tel_store(this)'>[store_tel]</p>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t</div>
\t\t<div class=\"ub ub-pc ub-ac tab\" id=\"tab\">
\t\t\t<p class=\"on\">活动详情</p>
\t\t\t<p>购买须知</p>
\t\t\t<p>商户介绍</p>
\t\t</div>
\t\t<div id=\"box\" style=\"height:4rem;display: none;\"></div>
    \t<!--活动详情-->
\t\t<div id=\"xiangqing\" style=\"display: none;\">
\t\t\t<div id=\"Details\" class=\"umar-a\" v-html=\"store_detail\" v-cloak>
\t\t\t\t[store_detail]
\t\t\t</div>
\t\t</div>
\t\t<!--购买须知-->
\t\t<div id=\"xuzhi\" style=\"display: none;\" v-cloak>
\t\t\t<p>有效期</p>
\t\t\t<p>[yxq]</p>
\t\t\t<p>使用时间</p>
\t\t\t<p>[sysj]</p>
\t\t\t<p>预约信息</p>
\t\t\t<p>[yyxx]</p>
\t\t\t<p>适用人数</p>
\t\t\t<p>[syrs]</p>
\t\t\t<p>温馨提示</p>
\t\t\t<p>[wxts]</p>
\t\t</div>
\t\t<!--商户介绍-->
\t\t<div id=\"shanghu\" style=\"display: none;\" v-cloak>
\t\t\t<div class=\"ub ub-fh\">
\t\t\t\t<img class=\"logo\" :src=\"store_img\" />
\t\t\t\t<div class=\"ub-f1 ub ub-ver tiyan\">
\t\t\t\t\t<p>[store_name]</p>
\t\t\t\t\t<!--<p>以游泳比赛、游泳水中运动、游泳培训的方式来提高社会各界人士对体育的热爱。</p>-->
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"directions\" v-html=\"store_info\">
\t\t\t\t[store_info]
\t\t\t</div>
\t\t</div>
\t\t<!--评论-->
\t\t<div id=\"shComment\" class=\"mescroll\">
\t\t\t<div class=\"bg-blue\"></div>
\t\t\t<div class=\"ub ub-ac comment\">
\t\t\t\t<p>评论</p>
\t\t\t\t<!--<p>98条评论</p>-->
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<!--<div class=\"comments-list\" id=\"comments-list\">

\t\t\t</div>-->
\t\t\t<div class=\"comment-wrap\" id=\"dataList\" v-cloak>
\t\t\t\t<div class=\"ub umar-t\" v-for=\"(item,index) of commentList\">
\t\t\t\t\t<!--<img class=\"portrait\" :src='item.avatar?item.avatar:'/'\" />-->
\t\t\t\t\t<img class=\"portrait\" :src=\"item.avatar?item.avatar:'/'\" />
\t\t\t\t\t<div class=\"ub-f1 ub ub-ver discuss\">
\t\t\t\t\t\t<p>[item.user_name]</p>
\t\t\t\t\t\t<p>[item.utime]</p>
\t\t\t\t\t\t<p>[item.content]</p>
\t\t\t\t\t\t<div class=\"ub uppic\" v-for=\"url of item.img_url\">
\t\t\t\t\t\t\t<img :src=\"url\" @click='addAtLast(index)'/>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"ub ub-ac praise\">
\t\t\t\t\t\t\t<!-- <img src=\"img/preview.png\" />
\t\t\t\t\t\t\t<p>12387</p> -->
\t\t\t\t\t\t\t<img class=\"praise_off\" :src=\"[item.iszan]\" v-bind:attrid='item.id' onclick='praise_click(this)'/>
\t\t\t\t\t\t\t<p class=\"amounts\">[item.zan]</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div style=\"height:2rem\"></div>
\t\t</div>
\t</div>
\t<!--点击图片预览放大效果-->
\t<div class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">
\t\t<div class=\"pswp__bg\"></div>
\t\t<div class=\"pswp__scroll-wrap\">
\t\t\t<div class=\"pswp__container\">
\t\t\t\t<div class=\"pswp__item\"></div>
\t\t\t\t<div class=\"pswp__item\"></div>
\t\t\t\t<div class=\"pswp__item\"></div>
\t\t\t</div>
\t\t\t<div class=\"pswp__ui pswp__ui--hidden\">
\t\t\t\t<div class=\"pswp__top-bar\">
\t\t\t\t\t<div class=\"pswp__counter\"></div>
\t\t\t\t\t<button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"></button>
\t\t\t\t\t<button class=\"pswp__button pswp__button--share\" title=\"Share\"></button>
\t\t\t\t\t<button class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"></button>
\t\t\t\t\t<button class=\"pswp__button pswp__button--zoom\" title=\"Zoom in/out\"></button>
\t\t\t\t\t<div class=\"pswp__preloader\">
\t\t\t\t\t\t<div class=\"pswp__preloader__icn\">
\t\t\t\t\t\t\t<div class=\"pswp__preloader__cut\">
\t\t\t\t\t\t\t\t<div class=\"pswp__preloader__donut\"></div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">
\t\t\t\t\t<div class=\"pswp__share-tooltip\"></div>
\t\t\t\t</div>
\t\t\t\t<button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\">
\t\t            </button>
\t\t\t\t<button class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\">
\t\t            </button>
\t\t\t\t<div class=\"pswp__caption\">
\t\t\t\t\t<div class=\"pswp__caption__center\"></div>
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t</div>
\t";
        // line 199
        if ((($context["show"] ?? null) == "1")) {
            // line 200
            echo "\t<footer id=\"pay\">
\t\t<p>立即购买</p>
\t</footer>
\t";
        }
        // line 204
        echo "</body>
<script type=\"text/javascript\" src=\"/static/common/js/jquery-1.11.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/swiper-3.4.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/photoswipe-ui-default.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/photoswipe.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/mescroll.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/vue.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/jockey.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/public.js\"></script>
<script>
\tvar gid = ";
        // line 214
        echo twig_escape_filter($this->env, ($context["gid"] ?? null), "html", null, true);
        echo ";
\tvar lat = ";
        // line 215
        echo twig_escape_filter($this->env, ($context["lat"] ?? null), "html", null, true);
        echo ";
\tvar lon = ";
        // line 216
        echo twig_escape_filter($this->env, ($context["lon"] ?? null), "html", null, true);
        echo ";
\tvar gname = '';
\tvar gsale_price = ''; 
\t(function () {
\t\t// 接口
\t\tvar Api = {
\t\t\tbase: 'https://clubbear.clubbear.cn',
\t\t\triji: '/diary/GetLeftComment',
\t\t\trijiList: '/diary/GetRecomDiary',
\t\t\tdetail:'/goods/GetGoodsComment?gid='+gid+'&page=3&num=2'
\t\t}
\t\t// 获取详情评论数据
\t\tfunction getListDataFromNet(pageNum, pageSize, successCallback, errorCallback) {
\t\t\t\$.ajax({
\t\t\t\turl: Api.base + Api.detail,
\t\t\t\tdata: {
\t\t\t\t\tperiod: 1,
\t\t\t\t\tpage: pageNum,
\t\t\t\t\tnum: pageSize
\t\t\t\t},
\t\t\t\ttype: 'post',
\t\t\t\tdataType: 'json',
\t\t\t\tsuccess: function (res) {
\t\t\t\t\tsuccessCallback && successCallback(res.data)
\t\t\t\t},
\t\t\t\terror: function (xhr, state, err) {
\t\t\t\t\tif (errorCallback) {
\t\t\t\t\t\terrorCallback(err)
\t\t\t\t\t} else {
\t\t\t\t\t\tconsole.log('获取数据失败', err)
\t\t\t\t\t}
\t\t\t\t}
\t\t\t})
\t\t}
\t\t//创建vue对象
\t\tvar vm = new Vue({
\t\t\tel: \"#dataList\",
\t\t\tdelimiters: ['[', ']'],
\t\t\tdata: {
\t\t\t\tmescroll: null,
\t\t\t\tcommentList: []
\t\t\t},
\t\t\tmounted: function() {
\t\t\t\t//创建MeScroll对象,down可以不用配置,因为内部已默认开启下拉刷新,重置列表数据为第一页
\t\t\t\t//解析: 下拉回调默认调用mescroll.resetUpScroll(); 而resetUpScroll会将page.num=1,再执行up.callback,从而实现刷新列表数据为第一页;
\t\t\t\tvar self = this;
\t\t\t\tself.mescroll = new MeScroll(\"shComment\", {
\t\t\t\t\tup: {
\t\t\t\t\t\tcallback: self.upCallback,
\t\t\t\t\t\tloadFull: { 
\t\t\t\t\t\t  use : true , 
\t\t\t\t\t\t  delay : 500 
\t\t\t\t\t\t},
\t\t\t\t\t\tpage: {
\t\t\t\t\t\t\tsize: 5
\t\t\t\t\t\t}
\t\t\t\t\t},
\t\t\t\t\t// 锁定上拉恢复
\t\t\t\t\tdown: {
\t\t\t\t\t\tisLock: true
\t\t\t\t\t}
\t\t\t\t});
\t\t\t\t
\t\t\t\t//初始化vue后,显示vue模板布局
\t\t\t\tdocument.getElementById(\"dataList\").style.display=\"block\";
\t\t\t},
\t\t\tmethods: {
\t\t\t\t//上拉回调 page = {num:1, size:10}; num:当前页 ,默认从1开始; size:每页数据条数,默认10
\t\t\t\tupCallback: function(page) {
\t\t\t\t\tconsole.log(\"page.num==\"+page.num+\", page.size==\"+page.size);
\t\t\t\t\t//联网加载数据
\t\t\t\t\tvar self = this;
\t\t\t\t\tgetListDataFromNet(page.num, page.size, function(data) {
\t\t\t\t\t\t//data=[]; //打开本行注释,可演示列表无任何数据empty的配置
\t\t\t\t\t\t
\t\t\t\t\t\t//如果是第一页需手动制空列表
\t\t\t\t\t\tif(page.num == 1) self.commentList = [];
\t\t\t\t\t\t
\t\t\t\t\t\t//更新列表数据
\t\t\t\t\t\tself.commentList = self.commentList.concat(data);
\t\t\t\t\t\tconsole.log(\"self.commentList.length==\" + self.commentList.length);
\t\t\t\t\t\t
\t\t\t\t\t\t//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
\t\t\t\t\t\t//传参:数据的总数; mescroll会自动判断列表是否有无下一页数据,如果数据不满一页则提示无更多数据;
\t\t\t\t\t\tself.mescroll.endSuccess(data.length);
\t\t\t\t\t\t
\t\t\t\t\t}, function() {
\t\t\t\t\t\t//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
\t\t\t\t\t\tself.mescroll.endErr();
\t\t\t\t\t});
\t\t\t\t},
//\t\t\t\taddAtLast(indexx){
//\t\t\t\t\tvar imgsrc=this.commentList[indexx].img_url;
//\t\t            openPhotoSwipe(imgsrc);
//\t\t\t\t}
\t\t\t},
\t\t});
\t\t
\t\t//轮播图
\t\t\$(document).ready(function () {
\t\t\t\$(\"#xiangqing\").show();
\t\t\t\$(\".loading\").show();
\t\t});
\t\t//从后台读取数据
\t\t\$.ajax({
\t\t\ttype: \"post\",
\t\t\turl: \"https://clubbear.clubbear.cn/goods/goodsDetail?gid=\"+gid+\"&lat=\"+ lat + \"&lnt=\" + lon,
\t\t\tdataType: \"json\",
\t\t\tsuccess: function (data) {
\t\t\t\tconsole.log(data)
\t\t\t\t//var imgurl = data.data.img[0].imgurl;
\t\t\t\tvar goods_name = data.data.info.goods_name;
\t\t\t\tgname = goods_name;
\t\t\t\tvar goods_price = data.data.info.goods_price;
\t\t\t\tvar sale_price = data.data.info.sale_price;
\t\t\t\tvar goods_desc = data.data.info.goods_desc;
\t\t\t\tgsale_price = sale_price;
\t\t\t\tvar store_address = data.data.store.store_address;
\t\t\t\tvar store_name = data.data.store.store_name;
\t\t\t\tvar store_info = data.data.store.store_info;
\t\t\t\tvar store_tel = data.data.store.store_tel;
\t\t\t\tvar distance = data.data.store.distance;
\t\t\t\tvar store_img = data.data.store.store_img;
\t\t\t\tvar introduce = data.data.affiliate.introduce;
\t\t\t\tvar detail = data.data.affiliate.detail;
\t\t\t\tvar yxq = data.data.affiliate.xuzhi.yxq;
\t\t\t\tvar sysj = data.data.affiliate.xuzhi.sysj;
\t\t\t\tvar yyxx = data.data.affiliate.xuzhi.yyxx;
\t\t\t\tvar syrs = data.data.affiliate.xuzhi.syrs;
\t\t\t\tvar wxts = data.data.affiliate.xuzhi.wxts;
\t\t\t\t//如果不返回有效期，则有效期就不显示
\t\t\t\tif(yxq==null || yxq=='' || yxq== undefined){
\t\t\t\t\t\$(\"#xuzhi p\").eq(0).hide();
\t\t\t\t\t\$(\"#xuzhi p\").eq(1).hide();
\t\t\t\t}
\t\t\t\tfor (var i = 0; i < data.data.img.length; i++) {
\t\t\t\t\tvar html1 = '<div class=\"swiper-slide\"><img class=\"banner\" src=\"'
\t\t\t\t\tvar html2 = data.data.img[i]
\t\t\t\t\tvar html3 = '\" /></div>'
\t\t\t\t\tvar html4 = html1 + html2 + html3
\t\t\t\t\t\$(\".swiper-wrapper\").append(html4)
\t\t\t\t}
\t\t\t\tvar mySwiper = new Swiper('.swiper-container', {
\t\t\t\t\tdirection: 'horizontal',
\t\t\t\t\tautoplay: 3000,
\t\t\t\t\tpagination: '.swiper-pagination',
\t\t\t\t\tloop: true,
\t\t\t\t});
\t\t\t\tvar app = new Vue({
\t\t\t\t\tel: '#vue',
\t\t\t\t\tdelimiters: ['[', ']'],
\t\t\t\t\tdata: {
\t\t\t\t\t\t//imgurl: imgurl,
\t\t\t\t\t\tgoods_name: goods_name,
\t\t\t\t\t\tgoods_desc: goods_desc,
\t\t\t\t\t\tgoods_price: goods_price,
\t\t\t\t\t\tsale_price: sale_price,
\t\t\t\t\t\tstore_address: store_address,
\t\t\t\t\t\tstore_name: store_name,
\t\t\t\t\t\tstore_tel: store_tel,
\t\t\t\t\t\tdistance: distance,
\t\t\t\t\t},
\t\t\t\t})
\t\t\t\tvar app = new Vue({
\t\t\t\t\tel: '#Details',
\t\t\t\t\tdelimiters: ['[', ']'],
\t\t\t\t\tdata: {
\t\t\t\t\t\tstore_detail: detail
\t\t\t\t\t},
\t\t\t\t})
\t\t\t\tvar app = new Vue({
\t\t\t\t\tel: '#xuzhi',
\t\t\t\t\tdelimiters: ['[', ']'],
\t\t\t\t\tdata: {
\t\t\t\t\t\tyxq: yxq,
\t\t\t\t\t\tsysj: sysj,
\t\t\t\t\t\tyyxx: yyxx,
\t\t\t\t\t\tsyrs: syrs,
\t\t\t\t\t\twxts: wxts,
\t\t\t\t\t},
\t\t\t\t})
\t\t\t\tvar app = new Vue({
\t\t\t\t\tel: '#shanghu',
\t\t\t\t\tdelimiters: ['[', ']'],
\t\t\t\t\tdata: {
\t\t\t\t\t\tintroduce: introduce,
\t\t\t\t\t\tstore_name: store_name,
\t\t\t\t\t\tstore_img: store_img,
\t\t\t\t\t\tstore_info: store_info,
\t\t\t\t\t},
\t\t\t\t})
\t\t\t\t\$(\".loading\").hide();
\t\t\t\tvar oDiv = document.getElementById('tab');
\t\t\t\tvar divT = oDiv.offsetTop;
\t\t\t\twindow.onscroll = function () {
\t\t\t\t\tvar scrollT = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
\t\t\t\t\tconsole.log(divT)
\t\t\t\t\tconsole.log(scrollT)
\t\t\t\t\tif (scrollT >= divT) {
\t\t\t\t\t\t\$(\"#tab\").addClass(\"fixed\");
\t\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"0rem\");
\t\t\t\t\t\t\$(\".tab p\").click(function () {
\t\t\t\t\t\t\tvar index = \$(this).index();
\t\t\t\t\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\t\t\t\t\tif (index == 0) {
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else if (index == 1) {
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else if (index == 2) {
\t\t\t\t\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else {
\t\t\t\t
\t\t\t\t\t\t\t}
\t\t\t\t\t\t});
\t
\t\t\t\t\t} else {
\t\t\t\t\t\t\$(\"#tab\").removeClass(\"fixed\");
\t\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"1.2rem\")
\t\t\t\t\t\t\$(\"#box\").hide()
\t\t\t\t\t}
\t\t\t\t}
\t\t\t},
\t\t\terror: function (data) {
\t\t\t\talert(\"数据加载失败\")
\t\t\t}
\t\t\t
\t\t});

\t\t//tab栏切换
\t\t\$(\".tab p\").click(function () {
\t\t\tvar index = \$(this).index();
\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\tif (index == 0) {
\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t} else if (index == 1) {
\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t} else if (index == 2) {
\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t} else {

\t\t\t}
\t\t});
\t\t
\t\t//点击收藏效果
\t\t\$(\".collection\").click(function () {
\t\t\tif (\$(this).attr(\"src\").match(\"collection-gray.png\")) {
\t\t\t\t\$(this).attr(\"src\", \"img/collection.png\");
\t\t\t\t\$.ajax({
\t\t\t\t\ttype: \"post\",
\t\t\t\t\turl: \"https://clubbear.clubbear.cn/collect/SetCollect?type=1&cid=3\",
\t\t\t\t\tdataType: \"json\",
\t\t\t\t\tsuccess: function (data) {
\t\t\t\t\t\tconsole.log(data)
\t\t\t\t\t}
\t\t\t\t});
\t\t\t} else {
\t\t\t\t\$(this).attr(\"src\", \"/static/product/img/collection-gray.png\")
\t\t\t}
\t\t})
\t\t
\t\t\t
\t\t
\t})()
</script>
<script>
\tvar openPhotoSwipe = function (imgsrc) {
\t\tvar pswpElement = document.querySelectorAll('.pswp')[0];
\t\tvar items = [ ];
\t\tfor(var i=0;i<imgsrc.length;i++){
\t\t\titems.push({src: imgsrc[i],w: 1024,h: 750}); 
\t\t}
\t\tvar options = {
\t\t\thistory: false,
\t\t\tfocus: false,
\t\t\ttapToClose: true, //默认关闭
\t\t\tshowAnimationDuration: 0,
\t\t\thideAnimationDuration: 0
\t\t};
\t\tvar gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
\t\tgallery.init();
\t};
\t
\t\$('#pay').on('click',function(){
\t\t//alert(gid+',goodName:'+gname+',sale_price:'+gsale_price)
\t\tif( PUBCOMMON.browserEnv.isInWeixin() ){
\t\t\tif( PUBCOMMON.browserEnv.isInAndroid() ){
\t\t\t
\t\t\t\twindow.location.href = 'http://app.mi.com/details?id=com.clubbear.paile&ref=search';
\t\t\t}else{
\t\t\t\twindow.location.href = 'https://itunes.apple.com/gb/app/pai-le-xiong/id1294951586?mt=8';
\t\t\t}
\t\t}else{
\t\t\tJockey.send(\"pailexiong\", {key: 'buy', data: {'gid':gid.toString(),'goodName':gname,'sale_price':gsale_price}});
\t\t}
\t})
\tfunction tel_store(obj){
\t\t//alert(\$(obj).text().replace(/(^\\s*)|(\\s*\$)/g, \"\") + '123')
\t\tJockey.send(\"pailexiong\", {key: 'phone', data: \$(obj).text().replace(/(^\\s*)|(\\s*\$)/g, \"\")});
\t}\t
\t
\t//点赞
\tfunction praise_click(obj){
\t\tif( loginCall() ){
\t\t\tvar attrid = \$(obj).attr('attrid');
\t\t\t\$.ajax({
\t\t\t\turl:'/order/SetOrderCommonPra',
\t\t\t\ttype:'post',
\t\t\t\tdata:{praiseId:attrid},
\t\t\t\tdataType: \"json\",
\t\t\t\tsuccess:function( data ){
\t\t\t\t\tif( data.code == 0 ){
\t\t\t\t\t\tif( data.data.show == 1 ){
\t\t\t\t\t\t\t//点中
\t\t\t\t\t\t\t\$(obj).attr(\"src\",'/static/product/img/praise_on.png').siblings('p').text( parseInt( \$(obj).siblings('p').text() ) + 1  );
\t\t\t\t\t\t}else{
\t\t\t\t\t\t\t//取消
\t\t\t\t\t\t\t\$(obj).attr(\"src\",'/static/product/img/praise_off.png').siblings('p').text( parseInt( \$(obj).siblings('p').text() - 1 ) );
\t\t\t\t\t\t}
\t\t\t\t\t}else if( data.code == 10001 ){
\t\t\t\t\t\tloginCallTwo();
\t\t\t\t\t}
\t\t\t\t}
\t\t\t})
\t\t}
\t}
</script>

</html>
";
    }

    public function getTemplateName()
    {
        return "html/product/productDel.tpl.html";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  259 => 216,  255 => 215,  251 => 214,  239 => 204,  233 => 200,  231 => 199,  99 => 70,  26 => 6,  19 => 1,);
    }

    public function getSourceContext()
    {
        return new Twig_Source("<!DOCTYPE html>
<html lang=\"zh-CN\">
<head>
\t<meta charset=\"utf-8\">
\t<meta name=\"viewport\" content=\"initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />
\t<title>{% if goods.goods_name == '' %}派乐熊{% else %} {{goods.goods_name}} {%endif%}</title>
\t<link rel=\"stylesheet\" href=\"/static/product/css/ui_box.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/plx_main.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/swiper-3.4.2.min.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/photoswipe.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/default-skin.css\" />
\t<link rel=\"stylesheet\" href=\"/static/common/css/mescroll.min.css\" />
\t<style>
\t\t.mescroll {
\t\t\theight: 100% !important;
\t\t\twidth: 100% !important;
\t\t\tpadding-bottom: 44px !important;
\t\t}
\t\t#Details{
\t\t    font-size: 0.8rem;
\t\t    color: #505050;
\t\t    letter-spacing: -0.09px;
\t\t    line-height: 1.5rem;
\t\t    margin-top: 1.2rem;
\t\t}
\t\t[v-cloak] {
\t\t    display: none !important;
\t\t}
\t\t.loading{
\t\t\twidth: 100%;
\t\t\theight:100%;
\t\t\tbackground-color: rgba(0,0,0,0.5);
\t\t\tz-index: 999999;
\t\t\ttext-align: center;
\t\t\tpadding-top: 17rem;
\t\t\tposition: absolute;
\t\t\ttop:0;
\t\t\tleft:0;
\t\t}
\t</style>
</head>
<body>
\t<div class=\"loading\">加载中......</div>
\t<!--header-->
\t<!--<header id=\"header\" class=\"ub ub-ac ub-pc sc-bg1 border-b\">
\t\t<div class=\"arrow-left ub-img\"></div>
\t\t<p class=\"ulev1 text-color1 tx-c\">商品详情</p>
\t\t<img class=\"collection\" src=\"/static/product/img/collection-gray.png\" />
\t\t<img class=\"share\" src=\"/static/product/img/share.png\" />
\t</header>-->
\t<!--内容部分-->
\t<div id=\"content\">
\t\t<!--轮播图-->
\t\t<div class=\"swiper-container\">
\t\t\t<div class=\"swiper-wrapper\">
\t\t\t\t
\t\t\t</div>
\t\t\t<div class=\"swiper-pagination\"></div>
\t\t</div>
\t\t<div id=\"vue\" v-cloak>
\t\t\t<div class=\"umar-a\">
\t\t\t\t<p class=\"details\">[goods_name]</p>
\t\t\t\t<p class=\"price\"><span>¥</span><span id=\"sale_price\">[sale_price]</span>
\t\t\t\t\t<del>¥</del>
\t\t\t\t\t<del id=\"goods_price\">[goods_price]</del>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<p class=\"description\" >[goods_desc]</p>
\t\t\t<div style='display:none'  id='description'>{{goods.goods_desc}}</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<div class=\"umar-a\">
\t\t\t\t<p class=\"storename\">[store_name]</p>
\t\t\t\t<div class=\"ub ub-ac address\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img class=\"circle\" src=\"/static/product/img/circle.png\" />
\t\t\t\t\t</div>
\t\t\t\t\t<p class=\"ub-f1\">[store_address]</p>
\t\t\t\t\t<span class=\"ub-f1\">[distance]</span>
\t\t\t\t</div>
\t\t\t\t<div class=\"ub ub-ac address\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img class=\"phone\" src=\"/static/product/img/phone.png\" />
\t\t\t\t\t</div>
\t\t\t\t\t<p onclick='tel_store(this)'>[store_tel]</p>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t</div>
\t\t<div class=\"ub ub-pc ub-ac tab\" id=\"tab\">
\t\t\t<p class=\"on\">活动详情</p>
\t\t\t<p>购买须知</p>
\t\t\t<p>商户介绍</p>
\t\t</div>
\t\t<div id=\"box\" style=\"height:4rem;display: none;\"></div>
    \t<!--活动详情-->
\t\t<div id=\"xiangqing\" style=\"display: none;\">
\t\t\t<div id=\"Details\" class=\"umar-a\" v-html=\"store_detail\" v-cloak>
\t\t\t\t[store_detail]
\t\t\t</div>
\t\t</div>
\t\t<!--购买须知-->
\t\t<div id=\"xuzhi\" style=\"display: none;\" v-cloak>
\t\t\t<p>有效期</p>
\t\t\t<p>[yxq]</p>
\t\t\t<p>使用时间</p>
\t\t\t<p>[sysj]</p>
\t\t\t<p>预约信息</p>
\t\t\t<p>[yyxx]</p>
\t\t\t<p>适用人数</p>
\t\t\t<p>[syrs]</p>
\t\t\t<p>温馨提示</p>
\t\t\t<p>[wxts]</p>
\t\t</div>
\t\t<!--商户介绍-->
\t\t<div id=\"shanghu\" style=\"display: none;\" v-cloak>
\t\t\t<div class=\"ub ub-fh\">
\t\t\t\t<img class=\"logo\" :src=\"store_img\" />
\t\t\t\t<div class=\"ub-f1 ub ub-ver tiyan\">
\t\t\t\t\t<p>[store_name]</p>
\t\t\t\t\t<!--<p>以游泳比赛、游泳水中运动、游泳培训的方式来提高社会各界人士对体育的热爱。</p>-->
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"directions\" v-html=\"store_info\">
\t\t\t\t[store_info]
\t\t\t</div>
\t\t</div>
\t\t<!--评论-->
\t\t<div id=\"shComment\" class=\"mescroll\">
\t\t\t<div class=\"bg-blue\"></div>
\t\t\t<div class=\"ub ub-ac comment\">
\t\t\t\t<p>评论</p>
\t\t\t\t<!--<p>98条评论</p>-->
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<!--<div class=\"comments-list\" id=\"comments-list\">

\t\t\t</div>-->
\t\t\t<div class=\"comment-wrap\" id=\"dataList\" v-cloak>
\t\t\t\t<div class=\"ub umar-t\" v-for=\"(item,index) of commentList\">
\t\t\t\t\t<!--<img class=\"portrait\" :src='item.avatar?item.avatar:'/'\" />-->
\t\t\t\t\t<img class=\"portrait\" :src=\"item.avatar?item.avatar:'/'\" />
\t\t\t\t\t<div class=\"ub-f1 ub ub-ver discuss\">
\t\t\t\t\t\t<p>[item.user_name]</p>
\t\t\t\t\t\t<p>[item.utime]</p>
\t\t\t\t\t\t<p>[item.content]</p>
\t\t\t\t\t\t<div class=\"ub uppic\" v-for=\"url of item.img_url\">
\t\t\t\t\t\t\t<img :src=\"url\" @click='addAtLast(index)'/>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"ub ub-ac praise\">
\t\t\t\t\t\t\t<!-- <img src=\"img/preview.png\" />
\t\t\t\t\t\t\t<p>12387</p> -->
\t\t\t\t\t\t\t<img class=\"praise_off\" :src=\"[item.iszan]\" v-bind:attrid='item.id' onclick='praise_click(this)'/>
\t\t\t\t\t\t\t<p class=\"amounts\">[item.zan]</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div style=\"height:2rem\"></div>
\t\t</div>
\t</div>
\t<!--点击图片预览放大效果-->
\t<div class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">
\t\t<div class=\"pswp__bg\"></div>
\t\t<div class=\"pswp__scroll-wrap\">
\t\t\t<div class=\"pswp__container\">
\t\t\t\t<div class=\"pswp__item\"></div>
\t\t\t\t<div class=\"pswp__item\"></div>
\t\t\t\t<div class=\"pswp__item\"></div>
\t\t\t</div>
\t\t\t<div class=\"pswp__ui pswp__ui--hidden\">
\t\t\t\t<div class=\"pswp__top-bar\">
\t\t\t\t\t<div class=\"pswp__counter\"></div>
\t\t\t\t\t<button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"></button>
\t\t\t\t\t<button class=\"pswp__button pswp__button--share\" title=\"Share\"></button>
\t\t\t\t\t<button class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"></button>
\t\t\t\t\t<button class=\"pswp__button pswp__button--zoom\" title=\"Zoom in/out\"></button>
\t\t\t\t\t<div class=\"pswp__preloader\">
\t\t\t\t\t\t<div class=\"pswp__preloader__icn\">
\t\t\t\t\t\t\t<div class=\"pswp__preloader__cut\">
\t\t\t\t\t\t\t\t<div class=\"pswp__preloader__donut\"></div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">
\t\t\t\t\t<div class=\"pswp__share-tooltip\"></div>
\t\t\t\t</div>
\t\t\t\t<button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\">
\t\t            </button>
\t\t\t\t<button class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\">
\t\t            </button>
\t\t\t\t<div class=\"pswp__caption\">
\t\t\t\t\t<div class=\"pswp__caption__center\"></div>
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t</div>
\t{% if show == '1' %}
\t<footer id=\"pay\">
\t\t<p>立即购买</p>
\t</footer>
\t{%endif%}
</body>
<script type=\"text/javascript\" src=\"/static/common/js/jquery-1.11.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/swiper-3.4.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/photoswipe-ui-default.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/photoswipe.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/mescroll.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/vue.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/jockey.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/public.js\"></script>
<script>
\tvar gid = {{gid}};
\tvar lat = {{lat}};
\tvar lon = {{lon}};
\tvar gname = '';
\tvar gsale_price = ''; 
\t(function () {
\t\t// 接口
\t\tvar Api = {
\t\t\tbase: 'https://clubbear.clubbear.cn',
\t\t\triji: '/diary/GetLeftComment',
\t\t\trijiList: '/diary/GetRecomDiary',
\t\t\tdetail:'/goods/GetGoodsComment?gid='+gid+'&page=3&num=2'
\t\t}
\t\t// 获取详情评论数据
\t\tfunction getListDataFromNet(pageNum, pageSize, successCallback, errorCallback) {
\t\t\t\$.ajax({
\t\t\t\turl: Api.base + Api.detail,
\t\t\t\tdata: {
\t\t\t\t\tperiod: 1,
\t\t\t\t\tpage: pageNum,
\t\t\t\t\tnum: pageSize
\t\t\t\t},
\t\t\t\ttype: 'post',
\t\t\t\tdataType: 'json',
\t\t\t\tsuccess: function (res) {
\t\t\t\t\tsuccessCallback && successCallback(res.data)
\t\t\t\t},
\t\t\t\terror: function (xhr, state, err) {
\t\t\t\t\tif (errorCallback) {
\t\t\t\t\t\terrorCallback(err)
\t\t\t\t\t} else {
\t\t\t\t\t\tconsole.log('获取数据失败', err)
\t\t\t\t\t}
\t\t\t\t}
\t\t\t})
\t\t}
\t\t//创建vue对象
\t\tvar vm = new Vue({
\t\t\tel: \"#dataList\",
\t\t\tdelimiters: ['[', ']'],
\t\t\tdata: {
\t\t\t\tmescroll: null,
\t\t\t\tcommentList: []
\t\t\t},
\t\t\tmounted: function() {
\t\t\t\t//创建MeScroll对象,down可以不用配置,因为内部已默认开启下拉刷新,重置列表数据为第一页
\t\t\t\t//解析: 下拉回调默认调用mescroll.resetUpScroll(); 而resetUpScroll会将page.num=1,再执行up.callback,从而实现刷新列表数据为第一页;
\t\t\t\tvar self = this;
\t\t\t\tself.mescroll = new MeScroll(\"shComment\", {
\t\t\t\t\tup: {
\t\t\t\t\t\tcallback: self.upCallback,
\t\t\t\t\t\tloadFull: { 
\t\t\t\t\t\t  use : true , 
\t\t\t\t\t\t  delay : 500 
\t\t\t\t\t\t},
\t\t\t\t\t\tpage: {
\t\t\t\t\t\t\tsize: 5
\t\t\t\t\t\t}
\t\t\t\t\t},
\t\t\t\t\t// 锁定上拉恢复
\t\t\t\t\tdown: {
\t\t\t\t\t\tisLock: true
\t\t\t\t\t}
\t\t\t\t});
\t\t\t\t
\t\t\t\t//初始化vue后,显示vue模板布局
\t\t\t\tdocument.getElementById(\"dataList\").style.display=\"block\";
\t\t\t},
\t\t\tmethods: {
\t\t\t\t//上拉回调 page = {num:1, size:10}; num:当前页 ,默认从1开始; size:每页数据条数,默认10
\t\t\t\tupCallback: function(page) {
\t\t\t\t\tconsole.log(\"page.num==\"+page.num+\", page.size==\"+page.size);
\t\t\t\t\t//联网加载数据
\t\t\t\t\tvar self = this;
\t\t\t\t\tgetListDataFromNet(page.num, page.size, function(data) {
\t\t\t\t\t\t//data=[]; //打开本行注释,可演示列表无任何数据empty的配置
\t\t\t\t\t\t
\t\t\t\t\t\t//如果是第一页需手动制空列表
\t\t\t\t\t\tif(page.num == 1) self.commentList = [];
\t\t\t\t\t\t
\t\t\t\t\t\t//更新列表数据
\t\t\t\t\t\tself.commentList = self.commentList.concat(data);
\t\t\t\t\t\tconsole.log(\"self.commentList.length==\" + self.commentList.length);
\t\t\t\t\t\t
\t\t\t\t\t\t//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
\t\t\t\t\t\t//传参:数据的总数; mescroll会自动判断列表是否有无下一页数据,如果数据不满一页则提示无更多数据;
\t\t\t\t\t\tself.mescroll.endSuccess(data.length);
\t\t\t\t\t\t
\t\t\t\t\t}, function() {
\t\t\t\t\t\t//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
\t\t\t\t\t\tself.mescroll.endErr();
\t\t\t\t\t});
\t\t\t\t},
//\t\t\t\taddAtLast(indexx){
//\t\t\t\t\tvar imgsrc=this.commentList[indexx].img_url;
//\t\t            openPhotoSwipe(imgsrc);
//\t\t\t\t}
\t\t\t},
\t\t});
\t\t
\t\t//轮播图
\t\t\$(document).ready(function () {
\t\t\t\$(\"#xiangqing\").show();
\t\t\t\$(\".loading\").show();
\t\t});
\t\t//从后台读取数据
\t\t\$.ajax({
\t\t\ttype: \"post\",
\t\t\turl: \"https://clubbear.clubbear.cn/goods/goodsDetail?gid=\"+gid+\"&lat=\"+ lat + \"&lnt=\" + lon,
\t\t\tdataType: \"json\",
\t\t\tsuccess: function (data) {
\t\t\t\tconsole.log(data)
\t\t\t\t//var imgurl = data.data.img[0].imgurl;
\t\t\t\tvar goods_name = data.data.info.goods_name;
\t\t\t\tgname = goods_name;
\t\t\t\tvar goods_price = data.data.info.goods_price;
\t\t\t\tvar sale_price = data.data.info.sale_price;
\t\t\t\tvar goods_desc = data.data.info.goods_desc;
\t\t\t\tgsale_price = sale_price;
\t\t\t\tvar store_address = data.data.store.store_address;
\t\t\t\tvar store_name = data.data.store.store_name;
\t\t\t\tvar store_info = data.data.store.store_info;
\t\t\t\tvar store_tel = data.data.store.store_tel;
\t\t\t\tvar distance = data.data.store.distance;
\t\t\t\tvar store_img = data.data.store.store_img;
\t\t\t\tvar introduce = data.data.affiliate.introduce;
\t\t\t\tvar detail = data.data.affiliate.detail;
\t\t\t\tvar yxq = data.data.affiliate.xuzhi.yxq;
\t\t\t\tvar sysj = data.data.affiliate.xuzhi.sysj;
\t\t\t\tvar yyxx = data.data.affiliate.xuzhi.yyxx;
\t\t\t\tvar syrs = data.data.affiliate.xuzhi.syrs;
\t\t\t\tvar wxts = data.data.affiliate.xuzhi.wxts;
\t\t\t\t//如果不返回有效期，则有效期就不显示
\t\t\t\tif(yxq==null || yxq=='' || yxq== undefined){
\t\t\t\t\t\$(\"#xuzhi p\").eq(0).hide();
\t\t\t\t\t\$(\"#xuzhi p\").eq(1).hide();
\t\t\t\t}
\t\t\t\tfor (var i = 0; i < data.data.img.length; i++) {
\t\t\t\t\tvar html1 = '<div class=\"swiper-slide\"><img class=\"banner\" src=\"'
\t\t\t\t\tvar html2 = data.data.img[i]
\t\t\t\t\tvar html3 = '\" /></div>'
\t\t\t\t\tvar html4 = html1 + html2 + html3
\t\t\t\t\t\$(\".swiper-wrapper\").append(html4)
\t\t\t\t}
\t\t\t\tvar mySwiper = new Swiper('.swiper-container', {
\t\t\t\t\tdirection: 'horizontal',
\t\t\t\t\tautoplay: 3000,
\t\t\t\t\tpagination: '.swiper-pagination',
\t\t\t\t\tloop: true,
\t\t\t\t});
\t\t\t\tvar app = new Vue({
\t\t\t\t\tel: '#vue',
\t\t\t\t\tdelimiters: ['[', ']'],
\t\t\t\t\tdata: {
\t\t\t\t\t\t//imgurl: imgurl,
\t\t\t\t\t\tgoods_name: goods_name,
\t\t\t\t\t\tgoods_desc: goods_desc,
\t\t\t\t\t\tgoods_price: goods_price,
\t\t\t\t\t\tsale_price: sale_price,
\t\t\t\t\t\tstore_address: store_address,
\t\t\t\t\t\tstore_name: store_name,
\t\t\t\t\t\tstore_tel: store_tel,
\t\t\t\t\t\tdistance: distance,
\t\t\t\t\t},
\t\t\t\t})
\t\t\t\tvar app = new Vue({
\t\t\t\t\tel: '#Details',
\t\t\t\t\tdelimiters: ['[', ']'],
\t\t\t\t\tdata: {
\t\t\t\t\t\tstore_detail: detail
\t\t\t\t\t},
\t\t\t\t})
\t\t\t\tvar app = new Vue({
\t\t\t\t\tel: '#xuzhi',
\t\t\t\t\tdelimiters: ['[', ']'],
\t\t\t\t\tdata: {
\t\t\t\t\t\tyxq: yxq,
\t\t\t\t\t\tsysj: sysj,
\t\t\t\t\t\tyyxx: yyxx,
\t\t\t\t\t\tsyrs: syrs,
\t\t\t\t\t\twxts: wxts,
\t\t\t\t\t},
\t\t\t\t})
\t\t\t\tvar app = new Vue({
\t\t\t\t\tel: '#shanghu',
\t\t\t\t\tdelimiters: ['[', ']'],
\t\t\t\t\tdata: {
\t\t\t\t\t\tintroduce: introduce,
\t\t\t\t\t\tstore_name: store_name,
\t\t\t\t\t\tstore_img: store_img,
\t\t\t\t\t\tstore_info: store_info,
\t\t\t\t\t},
\t\t\t\t})
\t\t\t\t\$(\".loading\").hide();
\t\t\t\tvar oDiv = document.getElementById('tab');
\t\t\t\tvar divT = oDiv.offsetTop;
\t\t\t\twindow.onscroll = function () {
\t\t\t\t\tvar scrollT = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
\t\t\t\t\tconsole.log(divT)
\t\t\t\t\tconsole.log(scrollT)
\t\t\t\t\tif (scrollT >= divT) {
\t\t\t\t\t\t\$(\"#tab\").addClass(\"fixed\");
\t\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"0rem\");
\t\t\t\t\t\t\$(\".tab p\").click(function () {
\t\t\t\t\t\t\tvar index = \$(this).index();
\t\t\t\t\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\t\t\t\t\tif (index == 0) {
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else if (index == 1) {
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else if (index == 2) {
\t\t\t\t\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else {
\t\t\t\t
\t\t\t\t\t\t\t}
\t\t\t\t\t\t});
\t
\t\t\t\t\t} else {
\t\t\t\t\t\t\$(\"#tab\").removeClass(\"fixed\");
\t\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"1.2rem\")
\t\t\t\t\t\t\$(\"#box\").hide()
\t\t\t\t\t}
\t\t\t\t}
\t\t\t},
\t\t\terror: function (data) {
\t\t\t\talert(\"数据加载失败\")
\t\t\t}
\t\t\t
\t\t});

\t\t//tab栏切换
\t\t\$(\".tab p\").click(function () {
\t\t\tvar index = \$(this).index();
\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\tif (index == 0) {
\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t} else if (index == 1) {
\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t} else if (index == 2) {
\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t} else {

\t\t\t}
\t\t});
\t\t
\t\t//点击收藏效果
\t\t\$(\".collection\").click(function () {
\t\t\tif (\$(this).attr(\"src\").match(\"collection-gray.png\")) {
\t\t\t\t\$(this).attr(\"src\", \"img/collection.png\");
\t\t\t\t\$.ajax({
\t\t\t\t\ttype: \"post\",
\t\t\t\t\turl: \"https://clubbear.clubbear.cn/collect/SetCollect?type=1&cid=3\",
\t\t\t\t\tdataType: \"json\",
\t\t\t\t\tsuccess: function (data) {
\t\t\t\t\t\tconsole.log(data)
\t\t\t\t\t}
\t\t\t\t});
\t\t\t} else {
\t\t\t\t\$(this).attr(\"src\", \"/static/product/img/collection-gray.png\")
\t\t\t}
\t\t})
\t\t
\t\t\t
\t\t
\t})()
</script>
<script>
\tvar openPhotoSwipe = function (imgsrc) {
\t\tvar pswpElement = document.querySelectorAll('.pswp')[0];
\t\tvar items = [ ];
\t\tfor(var i=0;i<imgsrc.length;i++){
\t\t\titems.push({src: imgsrc[i],w: 1024,h: 750}); 
\t\t}
\t\tvar options = {
\t\t\thistory: false,
\t\t\tfocus: false,
\t\t\ttapToClose: true, //默认关闭
\t\t\tshowAnimationDuration: 0,
\t\t\thideAnimationDuration: 0
\t\t};
\t\tvar gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
\t\tgallery.init();
\t};
\t
\t\$('#pay').on('click',function(){
\t\t//alert(gid+',goodName:'+gname+',sale_price:'+gsale_price)
\t\tif( PUBCOMMON.browserEnv.isInWeixin() ){
\t\t\tif( PUBCOMMON.browserEnv.isInAndroid() ){
\t\t\t
\t\t\t\twindow.location.href = 'http://app.mi.com/details?id=com.clubbear.paile&ref=search';
\t\t\t}else{
\t\t\t\twindow.location.href = 'https://itunes.apple.com/gb/app/pai-le-xiong/id1294951586?mt=8';
\t\t\t}
\t\t}else{
\t\t\tJockey.send(\"pailexiong\", {key: 'buy', data: {'gid':gid.toString(),'goodName':gname,'sale_price':gsale_price}});
\t\t}
\t})
\tfunction tel_store(obj){
\t\t//alert(\$(obj).text().replace(/(^\\s*)|(\\s*\$)/g, \"\") + '123')
\t\tJockey.send(\"pailexiong\", {key: 'phone', data: \$(obj).text().replace(/(^\\s*)|(\\s*\$)/g, \"\")});
\t}\t
\t
\t//点赞
\tfunction praise_click(obj){
\t\tif( loginCall() ){
\t\t\tvar attrid = \$(obj).attr('attrid');
\t\t\t\$.ajax({
\t\t\t\turl:'/order/SetOrderCommonPra',
\t\t\t\ttype:'post',
\t\t\t\tdata:{praiseId:attrid},
\t\t\t\tdataType: \"json\",
\t\t\t\tsuccess:function( data ){
\t\t\t\t\tif( data.code == 0 ){
\t\t\t\t\t\tif( data.data.show == 1 ){
\t\t\t\t\t\t\t//点中
\t\t\t\t\t\t\t\$(obj).attr(\"src\",'/static/product/img/praise_on.png').siblings('p').text( parseInt( \$(obj).siblings('p').text() ) + 1  );
\t\t\t\t\t\t}else{
\t\t\t\t\t\t\t//取消
\t\t\t\t\t\t\t\$(obj).attr(\"src\",'/static/product/img/praise_off.png').siblings('p').text( parseInt( \$(obj).siblings('p').text() - 1 ) );
\t\t\t\t\t\t}
\t\t\t\t\t}else if( data.code == 10001 ){
\t\t\t\t\t\tloginCallTwo();
\t\t\t\t\t}
\t\t\t\t}
\t\t\t})
\t\t}
\t}
</script>

</html>
", "html/product/productDel.tpl.html", "/home/wwwroot/Paile/app/views/tpl/html/product/productDel.tpl.html");
    }
}
